.apf-fixed-body {
  padding-top: 125px;

  .modal {
    top: 85px;
  }
}

.apf-modal {
  .modal-header {
    border-bottom: solid 1px $color-pf-black-300;
    height: 60px;
    padding-top: 19px;
  }
}

.navbar-brand-txt {
  line-height: 34px;
}

.breadcrumb {
  margin-top: -20px;
}

.apf-body {
  background: $color-pf-black-150;
  .navbar-pf-vertical .navbar-brand .navbar-brand-icon {
    height: 20px;
    margin-top: 10px;
  }
}

.apf-dashboard-view, .apf-objects-view {
  .card-pf-aggregate-status {
    .card-pf-title .pficon, .fa {
      color: $color-pf-blue !important;
    }
  }

  .apf-dashboard-full-image {
    height: 104px;
  }

  .apf-card-title-img {
    height: 18px;
    margin-top: -5px;
  }

  .card-pf-icon-image {
    margin-left: 0;
    margin-right: 0;
  }

  .apf-column-image {
    height: 18px;
    margin-top: -2px;
  }

  .list-view-pf .list-group-item.active .pficon, .list-view-pf .list-group-item.active:hover .pficon, .list-view-pf .list-group-item.active:focus .pficon {
    color: $color-pf-blue;
  }
  .list-view-pf .list-group-item .pficon {
    font-size: 18px;
  }
  .card-view-pf .card.active .pficon, .card-view-pf .card.active:hover .pficon, .card-view-pf .card.active:focus .pficon {
    color: $color-pf-blue;
  }

  .card-pf .loading {
    margin: 10px auto;
  }

  .blank-slate-pf {
    bottom: 0;
    margin: 0 0 0 -20px;
    padding-top: 90px;
    position: absolute;
    top: 0;
  }
}

.provider-card {
  min-height: 144px;

  .providers {
    padding: 20px 0;

    & a {
      color: $color-pf-black;
      text-decoration: none;
    }

    & a:hover {
      color: $link-color;
      text-decoration: underline;
    }
    .count {
      margin: 0 5px;
    }

    .provider-icon {
      font-size: 22px;
      opacity: .9;
      padding-right: 5px;
      position: relative;
      top: 5px;

      &:hover {
        opacity: 1;
      }
    }
  }

  .provider-icon-large {
    font-size: 100px;
    padding-bottom: 4px;
    position: relative;
    text-align: center;
    width: 100%;
  }
}

.providers-status {
  padding-bottom: 9px !important;
}

.aggregate-status-card-full-image {
  display: block;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  width: 48px;
}

.aggregate-status-card-title-image {
  display: inline-block;
  height: 15px;
  margin-right: 7px;
  width: 15px;
}

.aggregate-status-card-notification-image {
  display: inline-block;
  height: 18px;
  margin-right: 7px;
  width: 18px;
}

.containers-dashboard .card-pf.card-pf-aggregate-status-mini {
  height: 60px;
}

.container-providers .card-pf.card-pf-aggregate-status-mini {
  height: 63px;
}

.project-dashboard .card-pf.card-pf-aggregate-status-mini {
  height: 103px;
  .card-pf-title {
    margin-top: 24px;

    .pficon, .fa {
      top: 30px;
    }
  }
  .card-pf-body {
    margin-top: 18px;
  }
}

.card-view-pf {
  .card {
    overflow: visible;
  }
  .card-content {
    overflow: visible;
  }

  .progress {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .card-title .apf-icon-label {
    padding-bottom: 15px;
    padding-left: 5px;
  }

  .card-row {
    margin: 0;
    padding: 0;

    .card-view-pf {
      overflow: visible;
    }
  }

  .card-column {
    float: left;
    width: 50%;
  }

  .status-object {
    margin: 5px 20px;
    text-align: left;

    .pficon {
      color: $color-pf-blue;
      font-size: 20px;
      width: 26px;
    }
    .status-count {
      color: $color-pf-black-700;
      font-size: 18px;
    }
    .status-text {
      color: $color-pf-black-700;
      font-size: 12px;
    }
  }

  .apf-icon-label {
    color: $color-pf-black-700;
    font-size: 18px;
    white-space: nowrap;
  }
  .pficon.apf-icon-label {
    color: $color-pf-blue;
  }

  .apf-label {
    color: $color-pf-black-700;
    font-size: 12px;
    padding-left: 5px;
    white-space: nowrap;
  }

  .apf-label.apf-title {
    color: $color-pf-black-700;
    float: left;
    font-size: 13px;
    font-weight: 700;
  }

  .apf-icon-label.apf-title {
    color: $color-pf-black-700;
    float: left;
    font-size: 13px;
    font-weight: 700;
  }

  .apf-label.apf-value {
    float: left;
    text-align: right;
    width: 32px;
  }

  .apf-column.usage-column .apf-title {
    text-align: right;
  }

  .cpu-usage-column {
    width: 150px;
    .apf-title {
      text-align: right;
      width: 95px;
    }
  }
  .memory-usage-column {
    width: 180px;
    .apf-title {
      text-align: right;
      width: 135px;
    }
  }
}

.list-view-pf {
  .apf-list-row {
    width: 100%;
  }

  .apf-row-column {
    padding-right: 5px;
  }

  .list-group-item {
    .apf-column {
      float: left;
      margin-right: 10px;
      padding: 5px 5px;
    }
    .apf-object-column {
      padding-top: 1px !important;
      .apf-label {
        vertical-align: middle;
      }

    }

    .apf-icon-label {
      color: $color-pf-black-700;
      font-size: 18px;
      padding-left: 5px;
      vertical-align: middle;
      white-space: nowrap;
    }
    .pficon.apf-icon-label {
      color: $color-pf-blue;
    }

    .apf-label {
      color: $color-pf-black-700;
      font-size: 12px;
      padding-left: 5px;
      white-space: nowrap;
    }

    .apf-label.apf-title {
      color: $color-pf-black-700;
      float: left;
      font-size: 13px;
      font-weight: 700;
    }

    .apf-icon-label.apf-title {
      color: $color-pf-black-700;
      float: left;
      font-size: 13px;
      font-weight: 700;
    }

    .apf-label.apf-value {
      float: left;
      text-align: right;
      width: 32px;
    }

    .apf-column.usage-column .apf-title {
      text-align: right;
    }

    .apf-column.label-value-column {
      .label-value-container {
        display: inline-block;
        width: 100%;
      }
      .apf-title {
        text-align: right;
      }
    }
  }

  .provider-column {
    padding-top: 5px !important;
  }
}

.providers-cards .card-view-pf .card {
  height: 250px;
  width: 355px;
}

.projects-cards .card-view-pf .card {
  height: 270px;
  width: 355px;
}
.projects-cards .status-object.provider-object {
  text-align: center;
}

.pods-cards .card-view-pf .card {
  height: 230px;
  width: 355px;
}

.pods-containers-info {

  .containers-heading {
    text-align: center;
    .pficon {
      color: $color-pf-blue;
      font-size: 64px;
      padding: 10px 20px;
    }
    .containers-count {
      border-left: 1px solid $color-pf-black-300;
      color: $color-pf-black-700;
      font-weight: 300;
    }
    .containers-label {
      font-size: 26px;
    }
  }
  .containers-counter {
    font-size: 32px;
  }

  .containers-list {
    border: 1px solid $color-pf-black-300;
    margin-top: 10px;
    .toolbar-pf {
      padding-bottom: 10px;
    }
    .list-view-container {
      height: 264px;
    }

    .cpu-usage-column {
      width: 190px;
      .apf-title {
        text-align: right;
        width: 105px;
      }
      .apf-value {
        text-align: right;
        width: 30px;
      }
    }
    .memory-usage-column {
      width: 225px;
      .apf-title {
        text-align: right;
        width: 130px;
      }
      .apf- {
        width: 30px;
        text-align: right;
      }
    }
  }
}

.pod-metrics {
  height: 392px;
  overflow-y: auto;

  .metric-row {
    margin: 0;
    padding: 10px 5px;
  }

  .metric-row:first-of-type {
    padding-top: 5px;
  }

  .metric-row:last-of-type {
    padding-bottom: 5px;
  }

  .metric-col {
    float: left;
  }

  .metric-title {
    float: left;
    font-weight: 700;
    padding: 0 5px;
    text-align: right;
    width: 175px;
  }
  .metric-value {
    float: left;
    padding: 0 5px;
  }
}

/***** Inline chart styles which are not currently in use
.inline-card-status {
  background: transparent;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-align: center;

  .count-title {
    font-weight: 300;
    margin-top: 0;
    float: left;
    padding-left: 5px;
  }

  .inline-card-status-type-icon {
    float: left;
    width: 39px;
    height: 39px;
  }

  .inline-card-status-count {
    font-weight: 300;
    display: block;
    font-size: 24px;
    vertical-align: bottom;
    text-align: center;
    line-height: 28px;
  }
  .inline-card-status-type {
    display: block;
    vertical-align: bottom;
    text-align: center;
  }
  a {
    color: $color-pf-black;
    text-decoration: none;
  }
  a:hover {
    color: $link-color;
    text-decoration: underline;
  }
  .pficon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    width: 54px;
    font-size: 26px;
  }
  .indicator {
    font-size: 20px;
    .count {
      top: -2px;
      position: relative;
      padding-left: 5px;
    }
  }
  .status {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    width: 54px;
    font-size: 20px;
  }
}

.inline-utilization-chart-title {
  font-size: 14px !important;
  font-weight: 500;
  color: $color-pf-blue !important;
}
****/

.icon-atomic:before {
  color: $color-pf-blue;
  content: "\e62d";
}

.apf-deploy-provider-wizard {
  .sub-group {
    margin-left: 0;
    margin-top: 10px;

    > a {
      cursor: pointer;
      margin-left: 10px;
    }
  }

  a {
    &.disabled {
      color: $color-pf-black-200;
      cursor: default;
      pointer-events: none;
    }
  }

  .apf-page-heading {
    font-weight: 700;
    padding-bottom: 10px;
  }

  .apf-page-text {
    padding-bottom: 10px;
  }

  .apf-form-heading {
    font-weight: 700;
    padding-bottom: 10px;
  }

  .apf-form-no-label {
    margin-left: 95px;
    padding-left: 10px;
  }

  .apf-wizard-add-user-button {
    cursor: pointer;
    font-weight: 700;
    margin-left: 85px;
    &:hover {
      text-decoration: none;
    }
  }

  .apf-wizard-remove-user-button {
    background-color: $color-pf-white;
    color: $color-pf-black-400;
    cursor: pointer;
    font-size: 16px;
    margin-left: -15px;
    padding: 4px;
    &:hover {
      color: $link-color;
      text-decoration: none;
    }
  }

  .apf-input-label-class {
    float: left;
    padding-left: 20px;
    padding-right: 10px;
    text-align: right;
    width: 95px;

    &.apf-input-label-class-lg {
      width: 150px;
    }

    &.apf-input-label-class-xlg {
      width: 175px;
    }
  }

  .apf-clear-input-button {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    background-color: $color-pf-white;
    border: 1px solid $color-pf-black-400;
    border-left: none;
    border-radius: 1px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.075);
    color: $color-pf-black-400;
    cursor: pointer;
    margin-left: -36px;
    margin-right: 10px;
    padding: 3px 3px 5px 3px;
    width: 100%;
    z-index: 10;
    &:hover {
      color: $link-color;
      text-decoration: none;
    }
  }

  .apf-input-no-label-class {
    float: left;
    padding-right: 10px;
    padding-left: 20px;
    width: 0;
  }

  .apf-radio-form, .apf-checkbox-form {
    padding-left: 20px;
  }

  .apf-input-checkbox-form {
    padding-bottom: 10px;
    padding-left: 55px;
    .apf-checkbox-input-label {
      padding-right: 20px;
      input {
        margin-right: 20px;
        position: static;
      }
      &.apf-checkbox-input-label-lg {
        padding-left: 55px;
      }
    }
    .apf-input-label-class {
      padding-left: 15px;
      padding-top: 3px;
      text-align: left;
      vertical-align: middle;
      width: 130px;
    }
    .apf-checkbox-input {
      background-image: none;
      border: 1px solid $color-pf-black-400;
      border-radius: 1px;
      width: 300px;
      &[disabled] {
        -webkit-box-shadow: none;
        background-color: $color-pf-black-150;
        border-color: $color-pf-black-300 !important;
        box-shadow: none;
        color: $color-pf-black-500;
        cursor: not-allowed;
        opacity: 1;
      }
    }
  }
  .apf-input-class {
    float: left;
    padding: 0 20px 0 10px;
    width: 200px;
  }

  .apf-radio-input-class {
    float: left;
    padding: 0 20px 0 30px;
    width: 200px;
  }

  .apf-touchspin-input-class {
    float: left;
    padding: 0 20px 0 10px;
    width: 110px;

    .form-control {
      height: 24px;
    }
    .btn {
      padding-bottom: 1px;
    }
    .form-control[readonly] {
      background-color: $color-pf-white;
    }
  }

  .form-horizontal > .radio {
    margin-left: 20px;
  }

  .nodes-table-container {
    border: solid 1px $color-pf-black-300;

    .toolbar-pf {
      > .col-sm-12 {
        padding-left: 10px;
        padding-right: 10px;
      }
      .toolbar-pf-filter {
        padding-right: 10px;
        width: 225px;
      }
      .toolbar-pf-results {
        margin-left: -10px;
        margin-right: -10px;
      }
      .toolbar-pf-actions {
        .add-nodes-table & {
          padding-bottom: 0;
        }
        > .form-group {
          border-right: none;
          float: right;
          padding: 0;
        }
        .dropdown-kebab-pf .dropdown-menu {
          left: auto;
          right: -15px;

          &:before, &:after {
            left:auto;
            right:6px;
          }
        }
      }
      .sort-pf > form > .form-group {
        padding-left: 10px;
        padding-right: 10px;
      }
      .include-actions {
        .dropdown {
          float: left;
          margin-left: 0;
        }
        .btn.btn-default {
          float: right;
          &.btn-left {
            float:left;
          }
          &.primary-action {
            margin-left: 5px;
          }
        }
        .dropdown-container {
          padding-left: 30px;
          padding-right: 20px;

          .btn-primary {
            margin-left: 20px;
          }
        }
      }
    }
    &.add-nodes-table {
      .checkbox-col {
        padding-left: 6px;
        padding-right: 6px;
        width: 20px;
      }
      .toolbar-pf-actions {
        padding-bottom: 0;
      }
      .select-all-roles.btn-link {
        color: $link-color;
        font-size: 12px;
        margin-left: -20px;
        margin-top: 10px;
        padding: 0;
      }
      .role-column {
        .label {
          border: none;
          border-radius: 5px;
          color: $color-pf-white;
          cursor: default;
          display: inline-block;
          font-weight: 600;
          margin-right: 5px;
          min-width: auto;
          padding-top: 4px;
          width: auto !important;

          &:focus {
            outline: none;
          }
          .fa-close {
            margin-left: 5px;
          }
          &.label-default {
            cursor: pointer;
          }
        }
        a {
          cursor: pointer;
          &:hover {
            text-decoration: none;
          }
        }

        .add-roles-list {
          .label.add-role-item {
            background-color: $color-pf-blue-300;
            color: $color-pf-white;
            cursor: pointer;
            display: block;
            font-weight: 600;
            margin-top: 5px;
            min-width: auto;
            text-align: left;
            width: auto !important;
            &[disabled] {
              background-color: $color-pf-black-300;
              color: $color-pf-black-600;
            }
          }
        }
      }
    }

    .table-responsive {
      max-height: 265px;
      min-height: 265px;
      overflow-x: hidden;
      overflow-y: auto;
    }
    &.add-nodes-table {
      .table-responsive {
        max-height: 148px;
        min-height: 148px;
      }
    }
    .table {
      border: none;
      margin-left: -1px;
      width: calc(100% + 3px);
    }

    .table-footer {
      background-color: $color-pf-black-100;
      height: 28px;
      padding-top: 5px;
      width: 100%;

      .badge {
        background: transparent;
        color: $color-pf-black;
        font-size: 12px;
        font-weight: 700;
        float: left;
        line-height: 1.66666667;
        margin: 0;
        padding: 0 7px;
        text-align: center;
      }
    }
  }
  .apf-add-dialog-text {
    font-weight: 700;
    padding: 15px;
  }
  .apf-add-dialog-input {
    padding: 0 15px;
    width: 100%;
    > input {
      width: 100%;
    }
  }

  .wizard-apf-review-inline {
    padding: 5px 0;
    .wizard-apf-review-item  {
      display: inline;
      span {
        display: inline-block;
        margin-left: 10px;
        &:first-of-type {
          margin-left: 0px;
        }
      }
      .wizard-apf-review-item-label {
        width: 85px;
      }
      .wizard-apf-review-item-value {
        width: 100px;
      }
    }
  }

  .apf-review-label-class {
    float: left;
    padding-right: 10px;
  }

  .apf-review-edit-item {
    line-height: 20px;
    margin-bottom: 15px;
  }
  .apf-review-edit-field {
    cursor: pointer;
    float: left;
    padding-right: 20px;
    position: relative;
    &:after {
      content: "\e60a";
      font-family: 'PatternFlyIcons-webfont';
      position: absolute;
      right: 0;
    }
  }
  .apf-review-edit-text {
    margin-right: 20px;
    margin-top: 5px;
    resize: none;
    width: 100%;
  }
  .apf-review-button-panel {
    float: right;
    margin-top: 0;
    padding: 10px 0;
    width: 100%;
  }
  .apf-wizard-review-list {
    li {
      margin: 5px 0;
    }
  }
}

.apf-wizard-page-wait-dialog {
  .modal-dialog {
    margin-top: 240px;
  }
}
.apf-wait-dialog-content {
  padding: 15px;

  .apf-wait-dialog-text {
    padding-top: 10px;
    text-align: center;
    width: 100%;
  }
}

.apf-add-host-dialog {
  .modal-dialog {
    width: 400px;
  }
}
.apf-add-dialog-content {
  padding: 20px 20px 0 20px;

  .apf-page-text {
    padding-bottom: 10px;
  }
}

.navbar-tenant {
  color: $color-pf-white;
  margin-top: 17px !important;
}

.eval-set {
  dt {
    width: 60px !important;
  }
  dd {
    margin-left: 80px !important;
  }
}

.pagination-pf-pagesize {
  width: 30px !important;
  margin-right: 10px;
}

.pagination-pf-controls {
  margin: 0px !important;
}

.pagination-pf-pages {
  margin-right: 10px;
}

.textarea-resize {
  resize: vertical;
}

.list-view-pf-description-25 {
  -ms-flex-align: center;
     align-items: center;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 25%;
}